<template>
	<view class="p20">
		<!-- <view class="flex mt18 ml32 mt30 ">
			<view class="color-666 fs26 ">
				综合类
			</view>
			<image src="/static/img/index/sx.png" class="h18 w18 ml16" mode=""></image>
		</view> -->
		<u-empty v-if="!list.length" />
		<view v-for="(item,index) in list" :key="index" class="mb20  relative">
			<image src="/static/img/index/autoService.png" class="h724 w-max" mode=""></image>
			<view class="absolute top0 px20 h724 w-max">
				<view class=" pt24 flex">
					<!-- <image :src="item.avatar" class="h112 w112 radius" mode=""></image> -->
					<u-avatar :src="item.avatar" size="112"></u-avatar>
					<view class="flex1 pl30">
						<view class="flex">
							<view class="">{{item.name}}</view>
							<view class="yellow flex py8 px10 radius6 ml18">
								<image src="/static/img/index/realname.png" class="h24 w24 " mode=""></image>
								<view class="fs20">实名认证</view>
							</view>
						</view>
						<view class="fs28 color-666 mt10">{{item.brand_model}}·{{item.car_num}}</view>
					</view>
				</view>
				<view class="mt62">
					<text class="color-999">年龄：</text>
					<text class="color-232323">{{data.age}}</text>
				</view>
				<view class="mt20">
					<text class="color-999">驾龄：</text>
					<text class="color-232323">{{item.driving_year}}年</text>
				</view>
				<view class="mt20">
					<text class="color-999">常驻地址：</text>
					<text class="color-232323">{{item.address}}</text>
				</view>
				<view class="mt20">
					<text class="color-999">车辆类型：</text>
					<text class="color-232323">{{item.car_type}}</text>
				</view>
				<view class="mt20">
					<text class="color-999">座位数：</text>
					<text class="color-232323">{{item.seat}}座</text>
				</view>
				<view class="mt20">
					<text class="color-999">服务类型：</text>
					<text class="color-zs">{{item.service_type}}</text>
				</view>
				<view class="mt20">
					<text class="color-999">其他服务：</text>
					<text class="color-232323">{{item.other_service}}</text>
				</view>
				<view class="mt20">
					<text class="color-999">电话号：</text>
					<text class="color-232323">{{item.mobile}}</text>
				</view>
				<view class="bg-zs flex h76 radius12 row-center mt34" @click="$tool.phone(item.mobile)">
					<image src="/static/img/index/call2.png" class="w44 h44" mode=""></image>
					<view class="color-fff ml12">
						电话预约
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list: ''
			};
		},
		onLoad() {
			this.getList()
		},
		onReachBottom() {
			this.getList('down')
		},
		methods: {
			getList(e) {
				e == 'down' ? this.page++ : this.page = 1
				let params = {
					page: this.page
				}
				this.$request('/member/index/driverList', params).then(res => {
					let list = res.data.data
					e == 'down' ? this.list.push(list) : this.list = list
				})
			}
		}
	}
</script>

<style lang="scss">

</style>
